.frame-bg {
    -fx-background-color: #ffffff;
    -fx-background-image: url('background.jpg'); 
    -fx-background-position: center center; 
    -fx-background-repeat: stretch;
}
.menu-gl-button { 
    -fx-background-color: linear-gradient(#098c79 49%, #1caf9a);
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,.50), 3,0,0,3 );
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 48px; 
    color: #1d2939;
    width: 297px;
    height: 127px;
}
.menu-gl-button-z {
    -fx-background-color: linear-gradient(#b8c23f 49%, #d1dc48);
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,.50), 3,0,0,3 );
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 48px; 
    color: #1d2939;
    width: 297px;
    height: 127px;
}
.arrow-left {
    -fx-background-image: url('arrow-left.jpg'); 
    -fx-background-position: center center; 
    -fx-background-repeat: stretch;
}
.arrow-right {
    -fx-background-image: url('bc-right.jpg'); 
    -fx-background-position: center center; 
    -fx-background-repeat: stretch;
}
.breadcrumbs {
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 48px; 
    color: #1d2939;
}
.name {
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 24px; 
    color: #1d2939;
}
.lastName {
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 30px; 
    color: #1d2939;
}
.textField {
    -fx-font-family: "Segoe UI"; 
    -fx-border-color: #1caf9a;
}
.textFieldWrong {
    -fx-font-family: "Segoe UI"; 
    -fx-border-color: #ee4f4b;
}
.textFieldText {
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 24px; 
    color: #1d2939;
}
.textFieldTextError {
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 20px; 
    color: #ee4f4b;
}
.wizard-button { 
    -fx-background-color: linear-gradient(#098c79 49%, #1caf9a);
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,.50), 3,0,0,3 );
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 24px; 
    color: #1d2939;
    width: 200px;
    height: 50px;
}
.wizardNormal {
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 30px; 
    -fx-fill: #1d2939;
}
.wizardActual {
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 30px; 
    -fx-fill: #FF0000;
}
.tableText {
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 22px; 
    color: #1d2939;
}
.listViewHeaders{
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 30px; 
    color: #1d2939;
}

.listViewText {
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 22px; 
    color: #1d2939;
}
.space-free { 
    -fx-background-color: linear-gradient(#098c79 49%, #1caf9a);
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,.50), 3,0,0,3 );
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 14px; 
    color: #1d2939;
    width: 50px;
    height: 100px;
}
.space-free:focused {
    -fx-background-color: linear-gradient(#b8c23f 49%, #1caf9a);
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,.50), 3,0,0,3 );
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 14px; 
    color: #1d2939;
    width: 50px;
    height: 100px;
}
.space-ocupied { 
    -fx-background-color: linear-gradient(#bf4541 49%, #ee4f4b);
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,.50), 3,0,0,3 );
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 14px; 
    color: #1d2939;
    width: 50px;
    height: 100px;
}
.space-ocupied:focused { 
    -fx-background-color: linear-gradient(#bf4541 49%, #ee4f4b);
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,.50), 3,0,0,3 );
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 14px; 
    color: #1d2939;
    width: 50px;
    height: 100px;
}
.space-creator-new { 
    -fx-background-color: #ffffff;
    -fx-border-style: solid;
    -fx-border-color: #1caf9a;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #1d2939;
}
.space-creator-new:focused { 
    -fx-background-color: #ff00ff;
    -fx-border-style: solid;
    -fx-border-color: #1caf9a;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #1d2939;
}
.space-creator-space { 
    -fx-background-color: #1caf9a;
    -fx-border-style: solid;
    -fx-border-color: #1d2939;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #1d2939;
}
.space-creator-space:focused { 
    -fx-background-color: #ff00ff;
    -fx-border-style: solid;
    -fx-border-color: #1d2939;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #1d2939;
}
.space-creator-road { 
    -fx-background-color: #1d2939;
    -fx-border-style: solid;
    -fx-border-color: #1d2939;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #1d2939;
}
.space-creator-road:focused { 
    -fx-background-color: #ff00ff;
    -fx-border-style: solid;
    -fx-border-color: #1caf9a;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #1d2939;
}
.space-creator-space-occupied {
    -fx-background-color: #b8c23f;
    -fx-border-style: solid;
    -fx-border-color: #1d2939;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #1d2939;
}
.space-creator-space-occupied:focused {
    -fx-background-color: #ff00ff;
    -fx-border-style: solid;
    -fx-border-color: #1caf9a;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #1d2939;
}
.space-creator-space-disable { 
    -fx-background-color: #bf4541;
    -fx-border-style: solid;
    -fx-border-color: #1d2939;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #ffffff;
}
.space-creator-space-disable:focused { 
    -fx-background-color: #ff00ff;
    -fx-border-style: solid;
    -fx-border-color: #1d2939;
    -fx-border-width: 1;
    -fx-background-radius: 0px, 0px, 0px, 0px;
    -fx-font-family: "Segoe UI"; 
    -fx-font-size: 12px; 
    color: #1d2939;
}

.tabPane-spaces {
    -fx-background: none;
}
.tab-pane .tab-header-area .tab-header-background {
    -fx-opacity: 0;
}

